<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<script src="js/bg.js"></script>
	</head>

	<body>
		<canvas class="bgFlash" id="bgFlash"></canvas>
		<div class="home-list">
			<img src="img/bt.png" style="position: absolute;" />
			<div class="home-list-item n1 animated" data-flash="fadeInLeft" data-s="2600">
				<div class="bt"><span>6月工单总体情况</span></div>
				<div class="ech">
					<div id="echarts_1" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n2 animated" data-flash="fadeInLeft" data-s="2400">
				<div class="bt"><span>6月累计线损情况</span></div>
				<div class="ech">
					<div id="echarts_2" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n3 animated" data-flash="fadeInLeft" data-s="2200">
				<div class="bt"><span>6月全局售电量情况</span></div>
				<div class="ech">
					<div id="echarts_3" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n4 animated" data-flash="fadeInLeft" data-s="3200">
				<div class="bt"><span>全局6月可靠性情况</span></div>
				<div class="tab">
					<div class="xian"></div>
					<div class="tab-head">
						<div class="tab-head-item">供电所</div>
						<div class="tab-head-item">线路故障时户数</div>
						<div class="tab-head-item">线路计划时户数</div>
						<div class="tab-head-item">单台时户数</div>
						<div class="tab-head-item">停电时户数</div>
						<div class="tab-head-item">供电可靠率</br>（真实值）</div>
					</div>
					<div class="tab-body">
						<div class="scroll-body">
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>1</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>2</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>3</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>4</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>5</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>6</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>7</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>8</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>9</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>10</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>1</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>2</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>3</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>4</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>5</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>6</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>7</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>8</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>9</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>10</b>沙头</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
						</div>
					</div>
						<div class="tab-body-tr">
							<div class="tab-body-td"><b>11</b>永嘉全局</div>
							<div class="tab-body-td">28.93</div>
							<div class="tab-body-td">5.1</div>
							<div class="tab-body-td">1.6</div>
							<div class="tab-body-td">36</div>
							<div class="tab-body-td">
								<div class="div" w="99.9831"></div>
							</div>
						</div>
				</div>
			</div>
			<div class="home-list-item n5 animated" data-flash="fadeInLeft" data-s="3000">
				<div class="bt"><span>6月频繁停电线路清单</span></div>
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="ech">
								<div id="echarts_5_1" style="width:710px;height: 355px;"></div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="ech">
								<div id="echarts_5_2" style="width:710px;height: 355px;"></div>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<div class="home-list-item n6 animated" data-flash="fadeInLeft" data-s="2800">
				<div class="bt"><span>6月频繁停电台区数</span></div>
				<div class="ech">
					<div id="echarts_6" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n7 animated" data-flash="fadeInLeft" data-s="3800">
				<div class="bt"><span>6月投诉工单分布情况</span></div>
				<div class="ech">
					<div id="echarts_7" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n8 animated" data-flash="fadeInLeft" data-s="3600">
				<div class="bt"><span>6月到达现场时长和故障平均修复时长</span></div>
				<div class="ech">
					<div id="echarts_8" style="height: 355px;"></div>
				</div>
			</div>
			<div class="home-list-item n9 animated" data-flash="fadeInLeft" data-s="3400">
				<div class="bt"><span>6月业扩项目监测统计</span></div>
				<div class="ech">
					<div id="echarts_9" style="height: 355px;"></div>
					<div class="dat n1">
						<p>26</p><img src="img/xian.png" />
						<li style="margin-left: 80px;">等待施工</li>
					</div>
					<div class="dat n2">
						<p>40</p><img src="img/xian.png" />
						<li>已竣工，等待结算</li>
					</div>
					<div class="dat n3">
						<p>15</p><img src="img/xian.png" />
						<li style="margin-left: 80px;">施工中</li>
					</div>
					<div class="dat n4">
						<p>52</p><img src="img/xian.png" />
						<li>已全部结束</li>
					</div>
				</div>
			</div>
			<div class="right-box animated" data-flash="fadeIn" data-s="2000">
				<div class="box">
					<div class="map">
						<!--220kv变电所-->
						<!--楠江-->
						<div class="text 1" style="left: 471px;top: 845px;">楠江</div>
						<div class="dian 1" style="left: 521px;top: 845px;">
							<div class="dot one"></div>
							<div class="pulse one"></div>
							<div class="pulse1 one"></div>
						</div>
						<!--清水-->
						<div class="text 1" style="left: 635px;top: 874px;">清水</div>
						<div class="dian 1" style="left: 595px;top: 874px;">
							<div class="dot one"></div>
							<div class="pulse one"></div>
							<div class="pulse1 one"></div>
						</div>
						<!--马岙-->
						<div class="text 1" style="left: 449px;top: 881px;">马岙</div>
						<div class="dian 1" style="left: 449px;top: 911px;">
							<div class="dot one"></div>
							<div class="pulse one"></div>
							<div class="pulse1 one"></div>
						</div>
						<!--110kv变电站-->
						<!--岩头-->
						<div class="text 2" style="left: 630px;top: 467px;">岩头</div>
						<div class="dian 2" style="left: 590px;top: 467px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--黄堡-->
						<div class="text 2" style="left: 175px;top: 715px;">黄堡</div>
						<div class="dian 2" style="left: 215px;top: 715px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--菇溪-->
						<div class="text 2" style="left: 215px;top: 763px;">菇溪</div>
						<div class="dian 2" style="left: 255px;top: 763px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--小京-->
						<div class="text 2" style="left: 406px;top: 772px;">小京</div>
						<div class="dian 2" style="left: 366px;top: 772px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--永兴-->
						<div class="text 2" style="left: 458px;top: 785px;">永兴</div>
						<div class="dian 2" style="left: 498px;top: 785px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--河垟-->
						<div class="text 2" style="left: 669px;top: 745px;">河垟</div>
						<div class="dian 2" style="left: 629px;top: 745px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--仁溪-->
						<div class="text 2" style="left: 704px;top: 847px;">仁溪</div>
						<div class="dian 2" style="left: 704px;top: 867px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--黄田-->
						<div class="text 2" style="left: 569px;top: 905px;">黄田</div>
						<div class="dian 2" style="left: 539px;top: 895px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--东瓯-->
						<div class="text 2" style="left: 379px;top: 928px;">东瓯</div>
						<div class="dian 2" style="left: 419px;top: 928px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--林洋-->
						<div class="text 2" style="left: 393px;top: 956px;">林洋</div>
						<div class="dian 2" style="left: 433px;top: 946px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--瓯北-->
						<div class="text 2" style="left: 450px;top: 970px;">瓯北</div>
						<div class="dian 2" style="left: 463px;top: 936px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--罗浮-->
						<div class="text 2" style="left: 499px;top: 909px;">罗浮</div>
						<div class="dian 2" style="left: 499px;top: 929px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--龙桥-->
						<div class="text 2" style="left: 515px;top: 965px;">龙桥</div>
						<div class="dian 2" style="left: 481px;top: 960px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--胜美-->
						<div class="text 2" style="left: 591px;top: 965px;">胜美</div>
						<div class="dian 2" style="left: 551px;top: 960px;">
							<div class="dot two"></div>
							<div class="pulse two"></div>
							<div class="pulse1 two"></div>
						</div>
						<!--35kv变电站-->
						<!--黄南-->
						<div class="text 3" style="left: 520px;top: 85px;">黄南</div>
						<div class="dian 3" style="left: 520px;top: 105px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--大岙-->
						<div class="text 3" style="left: 277px;top: 278px;">大岙</div>
						<div class="dian 3" style="left: 317px;top: 278px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--岩坦-->
						<div class="text 3" style="left: 629px;top: 258px;">岩坦</div>
						<div class="dian 3" style="left: 589px;top: 258px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--鹤盛-->
						<div class="text 3" style="left: 783px;top: 387px;">鹤盛</div>
						<div class="dian 3" style="left: 743px;top: 387px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--碧莲-->
						<div class="text 3" style="left: 310px;top: 498px;">碧莲</div>
						<div class="dian 3" style="left: 350px;top: 498px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--沙头-->
						<div class="text 3" style="left: 669px;top: 694px;">沙头</div>
						<div class="dian 3" style="left: 629px;top: 694px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--徐岙-->
						<div class="text 3" style="left: 350px;top: 687px;">徐岙</div>
						<div class="dian 3" style="left: 350px;top: 707px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--城关-->
						<div class="text 3" style="left: 577px;top: 760px;">城关</div>
						<div class="dian 3" style="left: 537px;top: 760px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--上塘-->
						<div class="text 3" style="left: 586px;top: 796px;">上塘</div>
						<div class="dian 3" style="left: 546px;top: 796px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--黄屿-->
						<div class="text 3" style="left: 606px;top: 827px;">黄屿</div>
						<div class="dian 3" style="left: 566px;top: 817px;">
							<div class="dot three"></div>
							<div class="pulse three"></div>
							<div class="pulse1 three"></div>
						</div>
						<!--110kv小水电-->
						<!--北溪-->
						<div class="text 4" style="left: 290px;top: 210px;">北溪</div>
						<div class="dian 4" style="left: 290px;top: 230px;">
							<div class="dot four"></div>
							<div class="pulse four"></div>
							<div class="pulse1 four"></div>
						</div>
						<!--金溪-->
						<div class="text 4" style="left: 172px;top: 306px;">金溪</div>
						<div class="dian 4" style="left: 172px;top: 326px;">
							<div class="dot four"></div>
							<div class="pulse four"></div>
							<div class="pulse1 four"></div>
						</div>
						<!--至万茗变-->
						<div class="text 3" style="left: 804px;top: 897px;">至万茗变</div>

						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="1047" width="985">
							<!--楠江-->
							<path id="line1" d="M 541 865 l 71 -380" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l 19 51" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 545 865 l 19 51" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l -25 85" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 545 865 l -25 85" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l -60 92" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 545 865 l -60 92" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l -24 -64" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l -126 -106 l -142 24" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l -154 -74 " stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 541 865 l 62 -18 l 49 -86 " stroke="red" stroke-width="1.5" fill="none" />
							<!--清水-->
							<path id="line1" d="M 615 894 l -59 -3 " stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 615 894 l -12 -47 l 49 -86" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 620 894 l -12 -47 l 47 -80 " stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 615 894 l -46 88 " stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 620 894 l -46 88 " stroke="red" stroke-width="1.5" fill="none" />
							<!--马岙-->
							<path id="line1" d="M 469 931 l 52 -130" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 469 931 l -30 21" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 475 931 l -30 21" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 469 931 l -18 37" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 474 931 l -18 37" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 469 931 l -143 -181 l -91 -17" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 465 931 l -144 -177 l -85 -15" stroke="red" stroke-width="1.5" fill="none" />
							<!--北溪-->
							<path id="line1" d="M 310 250 l 302 237" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 310 250 l -118 96" stroke="red" stroke-width="1.5" fill="none" />
							<!--金溪-->
							<path id="line1" d="M 192 346 l 118 -96" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line1" d="M 192 346 l 84 440" stroke="red" stroke-width="1.5" fill="none" />
							<!--仁溪-->
							<path id="line2" d="M 724 887 l 100 0" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 724 892 l 100 0" stroke="red" stroke-width="1.5" fill="none" />
							<!--东瓯-->
							<path id="line2" d="M 439 948 l 0 33" stroke="red" stroke-width="1.5" fill="none" />
							<!--龙桥-->
							<path id="line2" d="M 501 980 l -62 -0" stroke="red" stroke-width="1.5" fill="none" />
							<!--瓯北-->
							<path id="line2" d="M 483 956 l 0 24" stroke="red" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 488 956 l 0 24" stroke="red" stroke-width="1.5" fill="none" />
							<!--岩头-->
							<path id="line2" d="M 610 487 l -1 -213" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 610 487 l 156 -84" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 610 487 l -242 34" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 610 487 l 41 227" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<!--河垟-->
							<path id="line2" d="M 649 765 l -0 -52" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 654 765 l -0 -52" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<!--楠江-->
							<path id="line2" d="M 543 865 l 18 -87" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 541 865 l 27 -50" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 545 865 l 27 -50" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 541 865 l 46 -29" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 545 867 l 46 -29" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<!--小京-->
							<path id="line2" d="M 388 792 l -17 -65" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 384 792 l -17 -65" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 386 792 l -111 -10" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<!--岩坦-->
							<path id="line2" d="M 609 278 l -72 -154" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 609 278 l 157 130" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<!--碧莲-->
							<path id="line2" d="M 370 518 l -34 -222" stroke="#06ff00" stroke-width="1.5" fill="none" />
							<path id="line2" d="M 370 518 l 253 43" stroke="#06ff00" stroke-width="1.5" fill="none" />
						</svg>
					</div>
					<div class="right-lab">
						<div class="top">
							<div>
								<li style="background: #df1013;"></li>220KV变电所</div>
							<div>
								<li style="background: #06ff00;"></li>110KV变电站</div>
							<div>
								<li style="background: #9f0be0;"></li>35KV变电站</div>
							<div>
								<li style="background: #cfd517;"></li>110KV小水电</div>
						</div>
						<div class="slideTxtBox">
							<div class="hd">
								<ul>
									<li class="frist">220KV变电所</li>
									<li>110KV变电站</li>
									<li>35KV变电站</li>
									<li>110KV小水电</li>
								</ul>
								<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="42" width="540">
									<path d="M 126 40 l 14 0" stroke="#19d86b" stroke-width="2" fill="none" />
									<path d="M 263 40 l 14 0" stroke="#19d86b" stroke-width="2" fill="none" />
									<path d="M 401 40 l 14 0" stroke="#19d86b" stroke-width="2" fill="none" />
								</svg>
							</div>
							<div class="bd">
								<ul>
									<a>马岙</a><a>楠江</a><a>清水</a>
								</ul>
								<ul>
									<div class="swiper-container" style="height: 100%;">
										<div class="swiper-wrapper">
											<div class="swiper-slide" style="height: 90px;">
												<a>黄堡</a><a>菇溪</a><a>小京</a><a>永兴</a><a>东瓯</a>
												<a>林洋</a><a>龙桥</a><a>瓯北</a><a>罗浮</a><a>胜美</a>
											</div>
											<div class="swiper-slide" style="justify-content: flex-start; align-items: flex-start;">
												<a>黄田</a><a>河垟</a><a>仁溪</a>
											</div>
										</div>
										<div class="swiper-pagination" style="bottom: 0;"></div>
									</div>
								</ul>
								<ul>
									<a>黄南</a><a>大岙</a><a>岩坦</a><a>鹤盛</a><a>碧莲</a>
									<a>徐岙</a><a>沙头</a><a>城关</a><a>上塘</a><a>黄屿</a>
										
								</ul>
								<ul>
									<a>金溪</a><a>北溪</a>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/TweenMax.min.js"></script>
		<script type="text/javascript" src="js/anime.min.js"></script>
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/ech.js"></script>
		<script type="text/javascript" src="js/scroll.js"></script>
		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
					dynamicBullets: true,
				},
			      autoplay: {
			        delay: 5000,
			        disableOnInteraction: false,
			      },
			});
			jQuery(".slideTxtBox").slide();
			echarts_1();
			echarts_2();
			echarts_3();
			echarts_5_1();
			echarts_5_2();
			echarts_6();
			echarts_7();
			echarts_8();
			echarts_9();
    		$(".tab-body").myScroll();
		</script>
	</body>

</html>